/**
 * Created by user001 on 2016/7/13.
 */
import React from 'react';
import Person from './Person';

class Login extends React.Component {
    constructor(props) {
        super(props);
        // this.state = FooterStore.getState();
        // this.onChange = this.onChange.bind(this);
    }

    componentDidMount() {
        // FooterStore.listen(this.onChange);
        // FooterActions.getTopCharacters();
    }

    componentWillUnmount() {
        // FooterStore.unlisten(this.onChange);
    }

    onChange(state) {
        this.setState(state);
    }

    render() {
        var dataarr = [
            {
                username: '云消雾散的天',
                usertab: ['工业设计', '摄影', '动画制作'],
                userother: {gets: 666, send: 999},
                userhead: '企',
                severname: '服务名称服务名称服务名称',
                severpay: '100元/小时',
                severdetails: '一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界...'
            },
            {
                username: '666666666666666666666666',
                usertab: ['工业设计', '摄影', '动画制作'],
                userother: {gets: 666, send: 999},
                userhead: '企',
                severname: '服务名称服务名称服务名称',
                severpay: '100元/小时',
                severdetails: '一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界...'
            },
            {
                username: '888888888888888888',
                usertab: ['工业设计', '摄影', '动画制作'],
                userother: {gets: 666, send: 999},
                userhead: '企',
                severname: '服务名称服务名称服务名称',
                severpay: '100元/小时',
                severdetails: '一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界...'
            }
        ];

        return (
            <div>
                <div id="severList">
                    <div class="container">
                        <div data-websever="severlist">
                            <ul data-websever="severlistul">
                                {
                                    dataarr.map(function (tab) {
                                        return (
                                           <Person info={tab}/>
                                        )
                                    })
                                }

                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        );
    }
}

export default Login;